/**
 * Created by mi on 2017/8/15.
 */
@charset "utf-8";
@import "common/minxincommon";


@mixin bbottom{
    border-bottom: 1px solid #cccccc;
}
@mixin border{
    border:1px solid #ccc;
}


.textright{
    text-align: right;
}
//浅绿色background
.bgcolor{
    background-color: #f4f8fd;
}

//单选按钮
.radio-wrap{
    display: inline-block;
    label{
        cursor: pointer;
    }
}
.radio-wrap:hover {
    .border {
        border-color: #20a0ff;
    }
}
.radio_btn {
    position: relative;
    background: transparent;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 2px;
    vertical-align: middle;
    font-size: 0;
    cursor: pointer;
    input {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 99;
        opacity: 0;
        cursor: pointer;
    }
    span {
        display: inline-block;
        border-radius: 50%;
        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        -ms-transition: .3s all;
        -o-transition: .3s all;
        transition: .3s all;
        transition: .3s all;
    }
    .center {
        position: absolute;
        top: 4px;
        left: 4px;
        width: 8px;
        height: 8px;
    }
    .border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #000;
    }
    input[type="radio"]:checked+.center {
        background-color: #20a0ff;
    }
    input[type="radio"]:checked~.border {
        border-color: #20a0ff;
    }
}


//1.需求详情
.demand-head,.demand-content{
    background-color: #fff;
}
.demand-head{
    height:40px;
    line-height:40px;
    color: #999999;
    padding-left: 20px;
    margin-bottom:20px;
    font-size:14px;
    a{
        color: #999999;
        &:hover{
            color: $color-active;
        }
    }
    span{
        color: #666666;
    }
}
//需求详情显示区域
.demand-content{
    .content-top{
        position: relative;
        height:80px;
        line-height: 80px;
        @include bbottom;
        padding: 0 50px;
        // 左边文字区域
        .demand-state{
            position: absolute;
            top:-10px;
            left: 0;
            width:270px;
            height:90px;
            background: url(../img/user/demand/check-pending.png) no-repeat center;
            color: #fff;
            line-height: 30px;
            text-align: center;
            font-size:14px;
            font-style: italic;
            div{
                display: table;
                width:100%;
                height:100%;
            }
            p{
                display: table-cell;
                line-height: 32px;
                vertical-align: middle;
            }
        }
        //1.2编辑需求
        .compile-demand{
            display: none;
        }
        button{
            width:100px;
            height:36px;
            line-height: 36px;
            font-size:14px;
            vertical-align: middle;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            color: #fff;
            background: $color-active;
            margin-left: 20px;
            &:hover{
                background: $hovercolor;
            }
        }
        //取消需求 按钮
        .btn-cannel{
            border:1px solid #cccccc;
            color: #999999;
            background: transparent;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -ms-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
            &:hover{
                color: $color-active;
                border-color: $color-active;
                background-color: transparent;
            }
        }
        //编辑需求 按钮
        .btn-redact{
            margin-left: 20px;
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -ms-transition: all .4s;
            -o-transition: all .4s;
            transition: all .4s;
        }
        //2.对接匹配
        .dock-match{
            display: none;
            font-size:0;
            button{
                font-size: 16px;
            }
            .btn-appear,.btn-struct{
                width:140px;
            }
        }
        //3.合同签订
        .contract-sign{
            display: none;
        }
        //4.托管首款
        .trust-receipt{
            display: none;
            button{
                width:120px;
            }
        }
        //5.同意与不同意  按钮  外观与结构单独设计时
        .agree-btnwrap,.external-view{
            display: none;
            font-size: 14px;
            p{
                display: inline-block;
                span{
                    color: $red;
                }
            }
            button{
                width:70px;
            }
            .no-agree{
                background-color: transparent;
                border:1px solid $color-active;
                color: $color-active;
            }
            .a-agreetment button{
                width: 100px;
            }
            .agreet-text,.a-agreetment{
                display: none;
            }
        }
        //6.外观设计与结构设计 同时进行
        .external-view{
            display: none;
            .btn-agreet{
                font-size:0;
                p,button{
                    font-size: 14px;
                }
                .a-agree{
                    margin-left: 10px;
                }
                div{
                    display: inline-block;
                    vertical-align: top;
                    .blue{
                        color: $color-active;
                    }
                    p{
                        display: block;
                        line-height: 30px;
                    }
                }
                .state{
                    padding:10px 0;
                }
            }
            //外观设计
            .xian{
                width:1px ;
                height: 60px;
                margin: 10px 20px 0;
                background: #cccccc;
            }
            .a-agreetment button{
                margin-left: 0;
                vertical-align: 1px;
            }
        }
        //7.产品合伙人
        .partner-view{
            display: none;
            button{
                width: 70px;
            }
        }
    }
    .demand-text{
        padding: 20px 0;
        //1.阅览需求
        .demand-info{
            width: 1000px;
            position: relative;
            padding: 0 50px;
            .info-left,.info-right{
                width:450px;
                float: left;
                &>div{
                    line-height: 35px;
                    color: #333333;
                    font-weight:700;
                    font-size:0;
                }
            }
            p{
                display: inline-block;
                font-size:14px;
            }
            //compile-watch编辑需求的显示 , watch:查看需求下
            .watch,.compile-watch{
                display: inline-block;
                font-size:14px;
            }
            span{
                font-weight:normal;
                font-size:14px;
            }
            .t-name,.t-time{
                margin-left: 15px;
            }
            .tel-text{
                margin-right: 13px;
            }
            //需求备注
            .remark{
                width:auto;
                height:auto;
                line-height: 35px;
                color: #333333;
                font-weight:700;
                font-size:0;
            }
            //设计方案
            .design-scheme{
                line-height: 35px;
                font-size:14px;
                .title{
                    color: #333333;
                    font-weight:700;
                }
                p{
                    display: inline-block;
                    margin-left: 15px;
                }
                .schemetype{
                    color: $color-active;
                }
                .red{
                    color: $red;
                }
            }
            //需求标签：
            .demand-label{
                width: 100%;
                margin-bottom: 30px;
                p{
                    font-weight:700;
                    line-height: 35px;
                }
                table,tr,td{
                    border:1px solid #ccc;
                }
                td{
                    width: 225px;
                    height:40px;
                    font-size:14px;
                    color: #333333;
                    padding:0 20px;
                    @include textoverflow;
                }
                td:nth-of-type(odd){
                    background-color: #f4f8fd;
                    text-align: center;
                }
                .watch{
                    display: block;
                }
            }

            //编辑需求下 显示视图
            .compile-watch{
                display: none;
                font-size: 0;
                //margin-bottom: 15px;
                input{
                    font-size: 14px;
                    padding:0 10px;
                    margin-bottom: 15px;
                    @include border;
                    @include borradius;
                }
                //1.联系人
                .select{
                    width:180px;
                    height: 36px;
                    padding-left: 5px;
                    font-size: 14px;
                    @include border;
                    @include borradius;
                    appearance: none;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    background: url(../img/dlibrary/down.png) no-repeat 90% center;
                    font-family: 'Microsoft YaHei','Helvetica Neue','Helvetica';
                    &::-ms-expand { 
                        display: none;
                    }
                }
                .tel-name{
                    margin-left:10px;
                    @include border;
                    @include borradius;
                }
                .btn-addtel{
                    margin-left:10px;
                    background: transparent;
                    color: $color-active;
                }
                //2.需求标题
                .demand-title{
                    width:330px;
                    height: 36px;
                }
                //3、合作模式
                .radio-wrap{
                    margin-right: 15px;
                }
                .radio_btn{
                    vertical-align: -3px;
                }
                .check-text{
                    font-size: 14px;
                    font-weight:normal;
                    cursor: pointer;
                }
                .check-wrap{
                    margin-right: 20px;
                }
                .intro{
                    color: #999999;
                }
                //产品品类
                a{
                    color: $color-active;
                    font-size: 14px;
                    font-weight:normal;
                    margin-left: 10px;
                }
                //需求备注
                textarea{
                    width:830px;
                    height: 72px;
                    font-size: 14px;
                    resize: none;
                    padding: 10px;
                    @include borradius;
                    font-family: "microsoft yahei";
                }
                //设计方案
                //价格预算区
                .de-budget {
                    display: none;
                    color: #333333;
                    font-size: 14px;
                    p{
                        margin-right: 20px;
                        margin-left: 0;
                    }
                    span {
                        margin: 0px 10px;
                    }
                    .red {
                        color: #ff0000;
                        margin-left: 5px;
                    }
                    input {
                        width: 100px;
                        height: 24px;
                        padding-top: 3px;
                    }
                }
                .design-budget {
                    display: none;
                    margin-bottom: 5px;
                    //设计预算
                    .price-wrap {
                        display: block;
                        p{
                            margin-left: 0;
                            margin-right: 20px;
                        }
                        //0.5w-1.5w
                        .price-cate2 {
                            display: none;
                        }
                        p,.price {
                            float: left;
                        }
                        .price {
                            font-size: 14px;
                        }
                    }
                    //项目合作启动金
                    .invest {
                        display: none;
                        font-size: 14px;
                        p{
                            display: block;
                            width:auto;
                            margin-left: 0;
                        }
                        select {
                            width: 150px;
                            height: 24px;
                            border: 1px solid #dcdcdc;
                            border-radius: 2px;
                            margin: 0 5px 0 11px;
                        }
                        input {
                            width: 150px;
                            height: 24px;
                            border: 1px solid #dcdcdc;
                            border-radius: 2px;
                            margin: 0 5px 0 25px;
                        }
                    }
                    .check-text {
                        margin-left: 0px;
                        margin-right: 10px;
                    }
                }
            }
        }
        //2.编辑需求
        .demand-info.compile{
            .watch{
                display: none;
            }
            .compile-watch{
                display: inline-block;
            }
            //需求备注
            .remark{
                margin-top: 10px;
                p{
                    vertical-align: top;
                }
            }
            // 设计方案
            .design-scheme{
                margin-top: -10px;
                vertical-align: middle;
                .compile-watch{
                    min-height: 75px;
                    vertical-align: middle;
                }
            }
            //需求标签
            .demand-label{
                font-size:0;
                p{
                    vertical-align: top;
                }
                .compile-watch{
                    width: 830px;
                    &>div{
                        line-height: 35px;
                    }
                    p{
                        line-height: 35px;
                        margin-right: 20px;
                        font-weight:normal;
                    }
                    .right{
                        display: inline-block;
                        width:750px;
                    }
                    .check-wrap{
                        margin-right: 10px;
                    }
                    .check-text{
                        margin-left:0;
                    }
                }
            }
        }
    }
    //里程碑、文件管理、跟进信息
    .demand-pro{
        .demand-nav,.demand-view {
            padding: 0 50px;
            font-size: 14px;
        }
    }
    //导航列表
    .demand-nav{
        height:50px;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        .dnav{
            position: relative;
            float: left;
            width: 100px;
            height:50px;
            line-height: 50px;
            text-align: center;
            background: transparent;
            cursor: pointer;
            &:hover{
                color: $color-active;
            }
        }
        .dnav.active{
            background-color: $color-active;
            color: #fff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
        .message:after{
            display: none;
            position: absolute;
            top: 13px;
            right: 8px;
            display: block;
            content: '';
            width:10px;
            height: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #e6021d;
        }
    }
    //demand-nav 数据视图切换
    .nav-view{
        margin: 0 50px;
        font-size: 14px;
        //1.里程碑
        .view-milestone{
            padding-top: 30px;
            .step{
                margin-left: 115px;
                font-size:0;
                color: #999999;
                .step-num,.list-num{
                    position: relative;
                    margin-bottom: 20px;
                    &:after{
                        position: absolute;
                        top:100%;
                        left:50%;
                        display: block;
                        content: '';
                        width:2px;
                        height:22px;
                        background-color: #999999;
                        -webkit-transform: translateX(-50%);
                        -moz-transform: translateX(-50%);
                        -ms-transform: translateX(-50%);
                        -o-transform: translateX(-50%);
                        transform: translateX(-50%);
                    }
                }
                //大步骤
                .step-num{
                    display: inline-block;
                    width:30px;
                    height:30px;
                    line-height: 30px;
                    text-align: center;
                    font-size:16px;
                    background: url(../img/user/demand/big.png) no-repeat center;
                }
                //步骤 文字说明
                span{
                    margin-left: 10px;
                    font-size: 14px;
                }
                //分步  小步骤
                .steplist{
                    display: none;
                    margin-left: 12px;
                }
                .steplist-step{
                    position: relative;
                    font-size:0;
                    span{
                        font-size: 14px;
                        vertical-align: middle;
                    }
                }
                .list-num{
                    display: inline-block;
                    width:16px;
                    height:16px;
                    line-height: 16px;
                    text-align: center;
                    background: url(../img/user/demand/min.png) no-repeat center;
                }
                .steplist-time{
                    display: none;
                    position: absolute;
                    top:0;
                    left:-130px;
                    color: #666666;
                }
                .steplist-step.active{
                    .list-num{
                        background-image: url(../img/user/demand/min-active.png);
                        &:after{
                            background-color: $color-active;
                        }
                    }
                    span{
                        color: $color-active;
                    }
                    .steplist-time{
                        display: block;
                        color: #666666;
                    }
                }
            }
            .step:last-of-type{
                .step-num:after{
                    display: none;
                }
            }
            .step.active{
                margin-left: 110px;
                .step-num{
                    width:40px;
                    height:40px;
                    line-height: 40px;
                    color: #fff;
                    background: url(../img/user/demand/big-active.png);
                    &:after{
                        background-color: $color-active;
                    }
                }
                .step-text{
                    color: $color-active;
                }
                .steplist{
                    display: block;
                }
            }
        }
        //2.外观匹配 //3.结构匹配
        .view-match,.fin-record{
            display: none;
            padding-top: 30px;
            table{
                width:100%;
                margin-bottom: 60px;
            }
            tr{
                text-align: center;
            }
            .firstrow{
                height:40px;
            }
            .check-wrap{
                line-height: 39px;
                margin-right: 0;
            }
            .check-text{
                margin-right:0;
            }
        }
        //5.财务记录
        .fin-record{
            font-size: 14px;
            img{
                width: 60px;
                height: 34px;
                vertical-align: middle;
            }
            .btn-pay{
                color: $color-active;
                &:hover{
                    color: $hovercolor;
                }
            }
            .partner-view{
                margin-top: -25px;
                .deduct-head,.deduct-view{
                    button{
                        width: 72px;
                        height: 36px;
                        background: $color-active;
                        color: #fff;
                        @include borradius;
                        &:hover{
                            background-color: $hovercolor;
                        }
                    }
                }
                .deduct-head{
                    font-size: 0;
                    text-align: center;
                    h4{
                        font-size: 16px;
                    }
                    &>div{
                        position: relative;
                        margin:20px 0 30px;
                        font-size:0;
                    }
                    span,input,button{
                        font-size: 14px;
                        vertical-align: middle;
                    }
                    .select{
                        position: relative;
                        display: inline-block;
                        width: 100px;
                        height: 36px;
                        margin-left: 10px;
                        @include border;
                        vertical-align: middle;
                        input{
                            display: block;
                            width: 100%;
                            height: 100%;
                            padding: 0 10px;
                            cursor: pointer;
                            background: transparent;
                            z-index: 2;
                        }
                    }
                    button{
                        margin-left: 10px;
                    }
                    .date-wrap{
                        top: 40px;
                        left: 424px;
                        ul li{
                            text-align: left;
                        }
                    }
                }
                .deduct-view{
                    margin-bottom: 10px;
                    font-size:0;
                    span{
                        font-size: 14px;
                        margin-right: 20px;
                    }
                    i{
                        color: $red;
                    }
                    button{
                        font-size: 14px;
                        margin-left: -10px;
                    }
                }
                .datalist{
                    height: 115px;
                    .div-center{
                        margin:10px 0;
                    }
                    input{
                        width: 80px;
                        height: 24px;
                        padding:0 10px;
                        margin-left: 10px;
                        @include border;
                    }
                }
            }
        }
        //6.文件管理
        .view-filemana{
            display: none;
            margin-bottom:135px;
            //上传按钮
            .view-file-top{
                margin-top:30px;
                margin-bottom:20px;
                text-align: right;
            }
            //文件列表
            table,tr,td{
                border:1px solid #ccc;
            }
            td{
                height:40px;
                text-align: center;
            }
            .check-wrap{
                line-height: 39px;
                margin-right: 0;
            }
            .check{
                margin-right: 0;
            }
            .bgcolor td{
                height:30px;
                font-size:14px;
            }
            .firstrow{
                color: #333333;
                font-weight:bold;
            }
            .list-operate{
                a{
                    color: $color-active;
                }
            }
        }
        //7.跟进信息
        .view-followup{
            display: none;
            margin-bottom: 50px;
            .view-follwup-top{
                margin: 30px 0 20px;
                input{
                    width:780px;
                    height:36px;
                    padding: 0 10px;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    border:1px solid #ccc;
                    text-align: left;
                }
            }
            td{
                height:40px;
                color: #333333;
                text-align: center;
            }
        }
    }
}

//4.合同信息
.view-contactinfo{
    display: none;
    margin-top: 25px;
    .check-wrap{
        cursor: default;
    }
    //不能编辑时，去除hover效果
    .check-wrap.active:hover{
        .check-text{
            color: #333333;
        }
        .check{
            border-color: #999999;
        }
    }
    input,textarea{
        background: transparent;
        color: #666666;
    }
    h4{
        font-size: 18px;
        color: #333333;
        text-align: center;
    }
    //甲乙方
    .party{
        width:830px;
        margin:30px auto 0;
        font-size: 14px;
        span.patyt{
            display: inline-block;
            width:80px;
            text-align: right;
            color: #333333;
            font-weight:bold;
        }
        .partya,.partyb{
            &>div{
                margin-bottom: 10px;
            }
            input{
                width: 300px;
                height: 30px;
                color: #666666;
            }
        }
        //甲方
        .partya{
            height:152px;
            padding-right: 30px;
            border-right:1px solid #cccccc;
            
        }
        .partyb{
            margin-left: 30px;
        }
        &.active{
            .partya input{
                border-bottom: 1px solid #cccccc;
            }
        }
    }
    //合同内容
    .contract-content{
        width:100%;
        margin-top: 30px;
        background: url(../img/user/demand/contact-bg.png) no-repeat center top;
        textarea{
            outline: none;
        }
        table{
            width:100%;
            font-size: 14px;
        }
        tr{
            height: 36px;
        }
        td{
            min-height: 100%;
            padding:0 10px 0 20px;
            color: #666666;
            font-weight:500;
        }
        td.head{
            padding: 0px;
            text-align: center;
            color: #333333;
            .red{
                color: #e6021d;
            }
        }
        input{
            width: 100%;
            height: 35px;
        }
        //设计方案
        .design{
            .check-wrap,.radio-wrap{
                vertical-align: middle;
                label{
                    vertical-align: middle;
                }
                &:first-child{
                    margin-right: 100px;
                }
            }
            .radio_btn input{
                height: auto;
            }
            .radio_btn .border{
                border-color: #999999;
            }
            .radio-wrap:hover{
                .border{
                    border-color: #20a0ff;
                }
            } 
            input[type="radio"]:checked~.border {
                border-color: #20a0ff;
            }
            //不能编辑下 去除hover
            .radio-wrap.achover:hover{
                .border{
                    border-color: #999999;
                }
            } 
        }
        //交付物
        .deliverable{
            height: 50px;
        }
        //设计费用
        .design-deguet{
            p{
                max-width: 740px;
                line-height: 25px;
            }
            input{
                width: 80px;
                height: 24px;
                padding:0 10px;
                text-align: center;
                @include border;
                @include borradius;
                margin-right: 5px;
            }
            span{
                margin-right: 10px;
            }
            .head{
                span{
                    margin-right:0;
                }
            }
            .h-90{
                height: 90px;
            }
            input:disabled{
                background-color:#eef1f6;
                cursor: not-allowed;
            }
        }
        //项目总金额
        .total-amount{
            height: 75px;
            input{
                width:100px ;
                height: 24px;
                text-align: center;
                @include border;
                @include borradius;
                margin-right: 10px;
                background: transparent;
            }
            .amount:first-child{
                margin-bottom: 10px;
                &>div{
                    margin-right: 25px;
                }
            }
        }
        //销售区域
        .sales-area{
            height: 70px;
            .check-wrap{
                vertical-align: middle;
            }
            .top{
                margin-bottom: 10px;
            }
            .area{
                height: 24px;
                display: inline-block;
                padding: 0 10px ;
                margin-right: 10px;
                @include border;
                span.text{
                    vertical-align: middle;
                    margin-right: 6px;
                }
            }
        }
        //竞争对手
        .competitor{
            input{
                padding-right: 10px;
            }
        }
        //预计产品成本
        .product-cost{
            input{
                width:100px;
                height: 24px;
                padding: 0 10px;
                text-align: center;
                @include border;
                @include borradius;
                margin-right: 6px;
                margin-left: 10px;
            }
        }
        //预计销量
        .volume{
            input{
                width:70px;
                height: 24px;
                text-align: center;
                padding:0 10px;
                @include border;
                @include borradius;
            }
            div{
                margin-right: 20px;
            }
        }
        //产品基本信息
        .base-infor{
            .infor{
                padding:0;
                line-height: 25px;
                table{
                    width: 780px;
                }
                table,tr,td{
                    border:none;
                }
                tr{
                    border-bottom: 1px solid #cccccc;
                }
                tr.last{
                    border:none;
                }
                .head{
                    border-right: 1px solid #cccccc;
                }
                input{
                    width:200px;
                    height: 24px;
                    padding:0 10px;
                    @include border;
                    @include borradius;
                    vertical-align: -2px;
                }
                .size{
                    width:640px;
                    height: 32px;
                    border:none;
                    padding-left: 0;
                }
                .texture{
                    height: 70px;
                    .check-wrap{
                        line-height: 30px;
                        vertical-align: middle;
                    }
                    input:disabled{
                        background-color: #eef1f6;
                    }
                }
                .cotrol{
                    .check-wrap{
                        vertical-align: middle;
                    }
                    input:disabled{
                        background-color: #eef1f6;
                    }
                }
                .state{
                    height: 100px;
                    color: #333333;
                    textarea{
                        width: 100%;
                        height: 100px;
                        resize: none;
                        border:none;
                        padding: 10px 0;
                        font-size: 14px;
                        font-family:"microsoft yahei";
                    }
                }
            }
        }
        //备注
        .remark{
            height: 160px;
            line-height: 25px;
            p{
                width:100%;
                max-width: 750px;
            }
        }
        //增值服务
        .add-service{
            input:disabled{
                background-color:#eef1f6;
            }
            .h-80{
                height: 80px;
                padding: 0 10px 0 20px;
                border-bottom:1px solid #cccccc;
            }
            .h-100{
                height: 100px;
                padding: 0 10px 0 20px;
                border-bottom:1px solid #cccccc;
            }
            .num{
                display: inline-block;
                text-align: center;
                width: 60px;
            }
            .nopadding{
                padding:0;
            }
            .left{
                width: 440px;
                height:100%;
                padding-right: 15px;
                border-right: 1px solid #cccccc;
                &>.check-wrap{
                    line-height: 80px;
                }
            }
            .select{
                display: inline-block;
                vertical-align: middle;
                margin:10px 0;
                .check-text{
                    margin-right: 0;
                }
                .check-wrap{
                    vertical-align: middle;
                }
                .top{
                    margin-bottom: 10px;
                }
                .top,.down{
                    font-size: 0;
                }
                span{
                    vertical-align: middle;
                    font-size: 14px;
                }
                input{
                    width: 60px;
                    height: 24px;
                    padding:0 10px ;
                    @include border;
                    @include borradius;
                    vertical-align: middle;
                    margin-right: 5px;
                }
                .margin40{
                    margin-left: 10px;
                }
                .check{
                    vertical-align: -3px;
                }
            }
            .second .down{
                font-size: 14px;
            }
            .right{
                width: 310px;
                height:100%;
                line-height: 25px;
                padding-top: 2px;
                padding-left: 15px;
            }
            .third{
                border-bottom:1px solid #cccccc;
                .problem-p{
                    position: relative;
                    display: inline-block;
                    img.problem{
                        width: 14px;
                        height: 14px;
                        cursor: pointer;
                        vertical-align: -2px;
                        margin-left: 5px;
                    }
                    div{
                        display: none;
                        position: absolute;
                        top: 18px;
                        left:-18px;
                        z-index: 9;
                        width:300px;
                        height:110px;
                        line-height: 22px;
                        padding: 15px 10px 0;
                        background: url(../img/user/demand/pop-problem.png) no-repeat center;
                        font-size: 14px;
                    }
                    &:hover{
                        div{
                            display: block;
                        }
                    }
                }
                .left{
                    width: 460px;
                    padding-right: 0;
                }
                .h-100{
                    padding-right: 15px;
                    &>.check-wrap{
                        line-height: 100px;
                    }
                }
                .h-down{
                    border:none;
                }
                select{
                    width: 220px;
                    height: 24px;
                    border:1px solid #cccccc;
                    @include borradius;
                }
                .select{
                    margin-bottom: 0;
                }
                .down{
                    margin-top: 4px;
                    .check-wrap{
                        width: 165px;
                        margin-right: 0;
                    }
                }
                .right{
                    padding:22px 15px 0px 5px;
                }
            }
            .four{
                height: 50px;
                border-bottom:1px solid #cccccc;
                .left{
                    width: 460px;
                    line-height: 50px;
                    padding: 0 10px 0 20px;
                }
                .check-wrap{
                    line-height: 50px;
                    vertical-align: middle;
                }
            }
            .fifth{
                border-bottom:1px solid #cccccc;
                .left{
                    width: 460px;
                    line-height: 50px;
                    padding-right: 0;
                }
                .check-wrap{
                    vertical-align: middle;
                }
                .top,.down{
                    height: 40px;
                    line-height: 40px;
                    padding: 0 10px 0 20px;
                }
                .top{
                    border-bottom:1px solid #cccccc;
                }
                .right{
                    padding-top:15px;
                }
            }
            .width{
                height: 40px;
                line-height: 40px;
                padding:0 20px;
                span{
                    display: inline-block;
                    width:140px;
                    text-align: center;
                }
            }
            .borderbot{
                border-bottom:1px solid #cccccc;
            }
        }

        //项目制
        .project-view{
            display: table-row;
        }
        //合伙人制
        .partner-view{
            display: none;
            .no-padding{
                padding:0;
            }
            .textinfo{
                width: 780px;
                padding-top:10px;
                padding-bottom:10px;
                line-height: 25px;
                .intend{
                    text-indent: 30px;
                }
            }
            .inputk{
                span{
                    margin-right: 10px;
                }
                input{
                    width: 80px;
                    height: 24px;
                    padding: 0 10px;
                    text-align: center;
                    border: 1px solid #ccc;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    margin-right: 5px;
                }
                input:disabled{
                    background-color:#eef1f6;
                }
            }
            table{
                width: 780px;
                .w-110{
                    width: 110px;
                }
                .tlt{
                    display: inline-block;
                    width: 70px;
                    text-align: right;
                }
            }
            table,tr{
                border:none;
                .no-top{
                    border-top:none;
                }
                .no-bottom{
                    border-bottom:none;
                }
                .no-left{
                    border-left:none;
                }
                .no-right{
                    border-right:none;
                }
            }
        }
    }
    //甲乙方签定处
    .party-bottom{
        margin-bottom:10px;
        line-height: 30px;
        .party-bta.active,.party-btb.active{
            position: relative;
            &:after{
                content: '';
                display: block;
                position: absolute;
                top: 0;
                right: 50px;
                width: 78px;
                height: 67px;
                background: url('../img/user/demand/agree.png') no-repeat center;
            }
        }
        .agreement{
            text-align: center;
            a{
                color: $color-active;
            }
            .check-wrap.active{
                .check-text{
                    color: #333;
                }
            }

        }
        .agreement.active{
            a{
                margin-left: -15px;
            }
            &>div{
                vertical-align: middle;
                margin-bottom: 10px;
            }
            .xian{
                display: inline-block;
                width:1px ;
                height:80px;
                background-color: #ccc;
                margin:0 28px;
                vertical-align: middle;
            }
            button{
                width:120px;
                height: 36px;
                color: #fff;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                vertical-align: middle;
            }
            .agreetbtn{
                background-color: $color-active;
            }
        }
        // 在为发起合同时，不显示签定合同等按钮
        .no-startview{
            .check-wrap,.agreement-btnlist{
                display: none;
            }
        }
    }

    //当签定了合同  即合同不能修改时
    &.active{
        .party input{
            border:none;
        }
        .contract-content{
            background: none;
        }
    }
}



//弹窗
.p-window{
    display: none;
    position: fixed;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.3);
    z-index: 999;
    #container-other{
        position: relative;
        height: 100%;
    }
    .set{
        position: relative;
        font-size:0;
        margin-top:20px;
        span,input{
            font-size: 14px;
        }
        input{
            width:200px;
            height: 36px;
            padding:0 10px;
            margin-left: 10px;
            border:1px solid #ccc;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }
    }
    //确定
    .btn-t{
        width:72px;
        height:36px;
        color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: $color-active;
    }
    .btn-conf{
        margin-left: 18px;
        &:hover{
            background-color: $hovercolor;
        }
    }
    //取消
    .btn-reset{
        color: #999;
        border:1px solid #999999;
        background-color: transparent;
        &:hover{
            color: $color-active;
            border-color: $color-active;
        }
    }
    //关闭按钮
    .btn-close{
        position: absolute;
        top:18px;
        right:18px;
        width:16px;
        height: 16px;
        cursor: pointer;
        background: url(../img/user/btn-close.png) no-repeat center;
        &:hover{
            background-image: url(../img/user/btn-closeactive.png);
        }
    }
}

//3.1选择支付方式弹窗
.select-paryment{
    width:400px;
    height: 240px;
    padding:18px 20px 20px ;
    margin:15% auto 0;
    background-color: #fff;
    font-size: 14px;
    color: #333333;
    p{
        font-weight:bold;
    }
    .type-select{
        .radio-wrap{
            display: block;
            margin-top: 30px;
            .alipay{
                display: inline-block;
                width: 86px;
                height:30px;
                background: url(../img/user/demand/pary.png) no-repeat center center;
                vertical-align: middle;
            }
        }
    }
    .btn-wrap{
        margin-top: 30px;
        text-align: center;
    }
}


//3.1.1线下支付的弹窗
.offpary-wrap{
    width: 400px;
    height: 385px;
    padding: 20px;
    background: #fff;
    margin:15% auto 0;
    p{
        font-size: 14px;
        font-weight:600;
        color: #333333;
        span{
            font-weight:normal;
        }
    }
    .pary-info{
        margin-top: 15px;
        padding-bottom: 25px;
        font-size: 14px;
        line-height: 24px;
        border-bottom:1px dashed #dddddd;
        div{
            color: #666666;
        }
    }
    .pary-input form{
        &>div{
            position: relative;
            font-size:0;
            margin-top: 20px;
        }
        p{
            display: inline-block;
            font-size: 14px;
        }
        input{
            width: 160px;
            height: 36px;
            @include border;
            padding:0 10px;
        }
        .btn-file{
            width: 100px;
            height: 36px;
            color: #fff;
            background-color: $color-active;
            @include borradius;
            &:hover{
                background-color: $hovercolor;
            }
        }
        .file{
            display: none;
            position: absolute;
            top:0;
            left: 98px;
            width: 100px;
            height: 36px;
            opacity:0;
        }
    }
    .btn-wrap{
        margin-top: 30px;
        text-align: center;
    }
}


//3.2取消需求弹窗
.alertview{
    width:400px;
    height:160px;
    background-color: #fff;
    color: #666666;
    padding:30px 0;
    margin:250px auto 0;
    @include borradius;
    text-align: center;
    .title{
        display: inline-block;
        width: auto;
        min-width: 190px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        background: url(../img/user/alert.png) no-repeat left;
        padding-left: 40px;
    }
    .btn-list{
        width:180px;
        margin:15px auto 0;
    }
    button{
        width: 72px;
        height: 36px;
        border:1px solid #CCCCCC;
        @include borradius;
    }
    .btn-re{
        color: #666666;
        background: transparent;
        &:hover{
            color: $color-active;
            border-color: $color-active;
        }
    }
    .btn-conf{
        color: #fff;
        background: $color-active;
        border: none;
        &:hover{
            background:$hovercolor;
        }
    }
}

//3.4添加联系人
.add-contact{
    position: relative;
    width:380px;
    height:380px;
    background-color: #fff;
    text-align: center;
    margin-top:215px;
    margin-left:525px;
    .set{
        input{
            width: 236px;
        }
    }
    h4{
        font-size: 16px;
        color: #333333;
        font-weight:blod;
        padding-top: 26px;
        padding-bottom: 10px;
    }
    .contact-wrap{
        span{
            display: inline-block;
            width: 35px;
            text-align: left;
        }
        .red{
            width:auto;
            color: red;
        }
    }
    .btn-wrap{
        margin-top:30px;
        text-align: center;
        button{
            width:236px;
            height: 36px;
            margin-right:50px;
        }
    }
}

//3.5上传文件
.upload-file{
    position: relative;
    width:420px;
    height:440px;
    background-color: #fff;
    color: #333333;
    @include borradius;
    margin-top:160px;
    margin-left:510px;
    text-align: center;
    padding-top: 25px;
    .set{
        span{
            display: inline-block;
            width: 65px;
            text-align: left;
            margin-right:10px;
            color: #666666;
        }
        .red{
            width:auto;
            color: red;
            margin-right: 0;
        }
        .file-name{
            width: 248px;
            height: 36px;
            margin-left: 0;
        }
    }
    .select{
        width: 248px;
        height:36px;
        border:1px solid #ccc;
        @include borradius;
        padding: 0 10px;
    }
    textarea{
        width: 248px;
        height:80px;
        resize: none;
        font-size: 14px;
        padding: 8px 10px ;
        font-family:'microsoft yahei';
    }
    .text{
        vertical-align: top;
    }
    .upfile-wrap{
        position: relative;
        margin-right: 158px;
        div{
            display: inline-block;
            cursor: pointer;
        }
        .up-file{
            width: 90px;
            height: 36px;
            color: #fff;
        }
    }
    .state{
        font-size: 12px;
        color: #cccccc;
        margin:18px 0;
    }
    .set-visible{
        font-size: 0;
        margin:15px 40px 15px 0;
        &>div{
            display: inline-block;
            font-size: 14px;
        }
        .text{
            display: inline-block;
            width: 65px;
            text-align: left;
            margin-right: 10px;
            color: #666666;
            font-size: 14px;
        }

    }
    button{
        position: relative;
        @include borradius;
        background:rgba(30,135,242,1);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        &:before{
            position: absolute;
            top:0;
            display: block;
            content: '';
            background:rgba(255,255,255,.3);
            width:100%;
            height:100%;
            opacity:0;
        }
        &:hover{
            &:before{
                opacity:1;
            }
        }
    }
    .btn-up{
        width: 248px;
        margin-right:48px;
    }
}

//3.6 添加品类
.category-wrap{
    // 垂直水平居中
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    margin:auto;
    width: 1000px;
    height: 600px;
    background: #fff;
    @include borradius;
    padding:20px;
    color: #333333;
    h4{
        font-size: 16px;
        color: #333333;
    }
    .btn-close{
        top: 20px;
        right: 20px;
    }
    .category{
        //单选按钮
        .radio-wrap{
            display: block;
            width: 100%;
            height: 100%;
            font-size: 0;
            label{
                display: inline-block;
                width: 142px;
                font-size: 14px;
                padding-left: 10px;
                vertical-align: middle;
                cursor: pointer;
            }
        }
        .radio-wrap:hover {
            .border {
                border-color: #20a0ff;
            }
        }
        .radio_btn {
            position: relative;
            display: inline-block;
            width: 16px;
            height: 16px;
            line-height: 16px;
            vertical-align: middle;
            font-size: 0;
            margin-right: 0;
            background: transparent;
            cursor: pointer;
            input {
                position: relative;
                width: 100%;
                height: 100%;
                z-index: 99;
                opacity: 0;
                cursor: pointer;
            }
            span {
                display: inline-block;
                border-radius: 50%;
                -webkit-transition: .3s all;
                -moz-transition: .3s all;
                -ms-transition: .3s all;
                -o-transition: .3s all;
                transition: .3s all;
                transition: .3s all;
            }
            .center {
                position: absolute;
                top: 4px;
                left: 4px;
                width: 8px;
                height: 8px;
            }
            .border {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 1px solid #999999;
            }
            input[type="radio"]:checked+.center {
                background-color: #20a0ff;
            }
            input[type="radio"]:checked~.border {
                border-color: #20a0ff;
            }
        }
        //多选按钮
        .check-wrap{
            display: block;
            .check{
                margin-right:10px;
            }
        }
    }   
    .search-wrap{
        width: 100%;
        margin:30px 0 20px;
        input{
            width: 100%;
            height: 40px;
            border: 1px solid #cccccc;
            padding:0 10px;
            @include borradius;
        }   
    } 
    .selectlist{
        &>div{
            height: 400px;
            border: 1px solid #cccccc;
            @include borradius;
            overflow: auto;
        }
        ul{
            width: 100%;
            min-height: 100%;
            padding:0 20px;
            overflow: hidden;
        }
        li{
            width: 100%;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #cccccc;
        }
    }
    .first{
        width: 200px;
    }
    .second{
        width: 220px;
        margin:0 10px;
    }
    .third{
        width: 520px;
        padding:0 20px;
        &>div{
            width: 100%;
            font-size: 14px;
            border-bottom:1px solid #cccccc; 
        }
        p{
            color: #666666;
            margin:20px 0 10px;
        }
        .check-wrap{
            display: inline-block;
            float: left;
            height: 32px;
            line-height: 30px;
            margin-right: 20px;
            .check{
                vertical-align: -2px;
            }
        }
    }
    .btn-list{
        margin-top: 18px;
        text-align: right;
        font-size: 0;
        button{
            width: 72px;
            height: 36px;
            border:1px solid #CCCCCC;
            @include borradius;
            font-size: 14px;
            color: #cccccc;
        }
        .btn-re{
            background: transparent;
            &:hover{
                color: $color-active;
                border-color: $color-active;
            }
        }
        .btn-conf{
            background: #eeeeee;
            margin-left: 20px;
        }
        .btn-conf.active{
            color: #fff;
            border: none;
            background: $color-active;
            &:hover{
                background:$hovercolor;
            }
        }
    }
}


//3.7 一键买断 
.buyout-wrap{
    // 垂直水平居中
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    margin:auto;
    width: 600px;
    height: 300px;
    background: #fff;
    @include borradius;
    padding:20px;
    color: #333333;
    h4{
        font-size: 16px;
        color: #333333;
    }
    .buyout{
        margin:32px auto;
        text-align: center;
        p{
            font-size: 14px;
            color: #333333;
        }
        div{
            color: #e6021d;
            font-size: 30px;
            margin:20px 0;
        }
        span{
            font-size: 14px;
            color: #666666;
        }
    }
    .btn-list{
        width:180px;
        margin:15px auto 0;
    }
    button{
        width: 72px;
        height: 36px;
        border:1px solid #CCCCCC;
        @include borradius;
    }
    .btn-re{
        color: #666666;
        background: transparent;
        &:hover{
            color: $color-active;
            border-color: $color-active;
        }
    }
    .btn-conf{
        color: #fff;
        background: $color-active;
        border: none;
        &:hover{
            background:$hovercolor;
        }
    }
}

//3.8 合作协议
